.apply {
    font-size: 14px;
    color: #999;
    width: 80px;
  }
  .friend-items {
    list-style: none;
    height: 100%;
  }
  .friend-item {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
  }
  .avatar-container {
    width: 40px;
    height: 40px;
    min-width: 40px !important;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .avatar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .friend-info {
    margin-left: 10px;
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .friend-apply {
    display: flex;
    align-items: self-start;
    flex-direction: column;
  }
  .friend-name {
    font-size: 12px;
  }
  .teamCreate {
    color: blue;
  }
  .teamDisband {
    color: red;
  }
  .teamJoin {
    color: green;
  }
  .teamQuit {
    color: gray;
  }
  .teamExpire {
    color: orange;
  }